/**
* Core CSS stylesheet for administrative menu pages.
*
* This file is included with all WordPress® themes/plugins by WebSharks, Inc.
*
* Copyright: © 2009-2011
* {@link http://www.websharks-inc.com/ WebSharks, Inc.}
* ( coded in the USA )
*
* Released under the terms of the GNU General Public License.
* You should have received a copy of the GNU General Public License,
* along with this software. In the main directory, see: /licensing/
* If not, see: {@link http://www.gnu.org/licenses/}.
*
* @package WebSharks\Menu Pages
* @since x.xx
*/
/*
These CSS selectors address common layout styles.
*/
div.ws-menu-page
	{
		min-width: 800px;
		margin-bottom: 20px;
		background: url('<?php echo $i; ?>/brand-bg.png') no-repeat top right;
	}
div.ws-menu-page a.ws-dotted-link
	{
		text-decoration: none;
		border-bottom: 1px dotted;
	}
div.ws-menu-page > h2
	{
		margin-bottom: 15px;
	}
div.ws-menu-page .ws-menu-page-right
	{
		float: right;
		margin-left: 25px;
	}
div.ws-menu-page .ws-menu-page-left
	{
		float: left;
		margin-right: 25px;
	}
div.ws-menu-page .ws-menu-page-center
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
div.ws-menu-page div.ws-menu-page-hr
	{
		height: 1px;
		line-height: 1px;
		background: #DDDDDD;
		margin: 20px 0 20px 0;
	}
div.ws-menu-page .ws-menu-page-hilite
	{
		font-size: 102%;
		background: #FAF9BB;
	}
div.ws-menu-page .ws-menu-page-error
	{
		color: #CC0000;
	}
div.ws-menu-page .ws-menu-page-error-hilite
	{
		color: #FFFFFF;
		background: #FF0000;
	}
div.ws-menu-page img.ws-menu-page-img-16
	{
		border: 0;
		width: 16px;
		height: 16px;
	}
div.ws-menu-page img.ws-menu-page-img-24
	{
		border: 0;
		width: 24px;
		height: 24px;
	}
div.ws-menu-page img.ws-menu-page-img-32
	{
		border: 0;
		width: 32px;
		height: 32px;
	}
div.ws-menu-page img.ws-menu-page-img-48
	{
		border: 0;
		width: 48px;
		height: 48px;
	}
div.ws-menu-page img.ws-menu-page-img-64
	{
		border: 0;
		width: 64px;
		height: 64px;
	}
div.ws-menu-page img.ws-menu-page-img-128
	{
		border: 0;
		width: 128px;
		height: 128px;
	}
div.ws-menu-page img.ws-menu-page-img-200
	{
		border: 0;
		width: 200px;
		height: 200px;
	}
div.ws-menu-page img.ws-menu-page-img-256
	{
		border: 0;
		width: 256px;
		height: 256px;
	}
div.ws-menu-page img.ws-menu-page-img-200-auto
	{
		border: 0;
		width: 200px;
		height: auto;
	}
div.ws-menu-page img.ws-menu-page-img-256-auto
	{
		border: 0;
		width: 256px;
		height: auto;
	}
/*
Specifically for the main layout table.
These CSS selectors address common layout styles.
*/
table.ws-menu-page-table
	{
		border: 0;
		width: 100%;
	}
table.ws-menu-page-table ul,
table.ws-menu-page-table ol
	{
		margin: 10px 0 10px 20px;
	}
table.ws-menu-page-table ul > li
	{
		list-style: disc outside;
	}
table.ws-menu-page-table ol > li
	{
		list-style: decimal outside;
	}
table.ws-menu-page-table > tbody > tr
	{
		vertical-align: top;
	}
table.ws-menu-page-table td.ws-menu-page-table-l
	{
		padding: 0;
		width: 100%;
	}
table.ws-menu-page-table td.ws-menu-page-table-r
	{
		padding: 0;
		width: auto;
	}
table.ws-menu-page-table img.ws-menu-page-brand-icon
	{
		border: 0px;
		float: right;
		width: 128px;
		height: 128px;
		margin: 0 0 0 25px;
		vertical-align: middle;
	}
table.ws-menu-page-table img.ws-menu-page-brand-updates
	{
		border: 0px;
		float: right;
		width: 155px;
		height: 40px;
		margin: 0 -153px 0 25px;
		vertical-align: middle;
	}
table.ws-menu-page-table p.submit
	{
		margin: 0;
		padding: 0;
	}
table.ws-menu-page-table a[rel ~= "external"]
	{
		padding-right: 18px;
		background: url('<?php echo $i; ?>/brand-xlink.png') no-repeat center right;
	}
table.ws-menu-page-table div.ws-menu-page-groups-show,
table.ws-menu-page-table div.ws-menu-page-groups-hide
	{
		float: right;
		height: 24px;
		width: 24px;
		color: #333333;
		padding: 10px;
		cursor: pointer;
		font-size: 28px;
		font-weight: bold;
		line-height: 24px;
		text-align: center;
		background: #FFFFFF;
		margin: 0 0 0 20px;
		vertical-align: middle;
		font-family: monospace;
		border: 1px solid #666666;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
table.ws-menu-page-table div.ws-menu-page-groups-hide
	{
		color: #999999;
		border-color: #999999;
	}
table.ws-menu-page-table div.ws-menu-page-group-header,
table.ws-menu-page-table div.ws-menu-page-r-group-header
	{
		height: 24px;
		color: #666666;
		padding: 10px;
		cursor: pointer;
		font-size: 19px;
		line-height: 24px;
		position: relative;
		background: #FFFFFF;
		margin: 30px 0 30px 0;
		vertical-align: middle;
		font-family: 'Georgia', serif;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
table.ws-menu-page-table div.ws-menu-page-group-header > ins,
table.ws-menu-page-table div.ws-menu-page-r-group-header > ins
	{
		padding: 0;
		width: 22px;
		height: 22px;
		color: #CCCCCC;
		font-size: 22px;
		line-height: 22px;
		font-weight: bold;
		text-align: center;
		margin: 0 10px 0 0;
		background: #666666;
		text-decoration: none;
		font-family: monospace;
		vertical-align: text-top;
		border: 1px solid transparent;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		display: inline-block;
		zoom: 1 !ie<8;
		display: inline !ie<8;
		margin-top: 0 !ie<8;
	}
table.ws-menu-page-table div.ws-menu-page-group-header:hover,
table.ws-menu-page-table div.ws-menu-page-group-header.open,
table.ws-menu-page-table div.ws-menu-page-r-group-header:hover,
table.ws-menu-page-table div.ws-menu-page-r-group-header.open
	{
		color: #164A61;
		border-color: #666666;
	}
table.ws-menu-page-table div.ws-menu-page-group-header:hover > ins,
table.ws-menu-page-table div.ws-menu-page-group-header.open > ins,
table.ws-menu-page-table div.ws-menu-page-r-group-header:hover > ins,
table.ws-menu-page-table div.ws-menu-page-r-group-header.open > ins
	{
		color: #FFFFFF;
		background: #164A61;
	}
table.ws-menu-page-table div.ws-menu-page-group,
table.ws-menu-page-table div.ws-menu-page-r-group
	{
		display: none;
		margin: -35px 5px 0 5px;
		padding: 20px 10px 10px 10px;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		background: #FFFFFF url('<?php echo $i; ?>/brand-gradient-bg.png') repeat-x;
	}
table.ws-menu-page-table div.ws-menu-page-group > div.ws-menu-page-hr,
table.ws-menu-page-table div.ws-menu-page-r-group > div.ws-menu-page-hr
	{
		background: #666666;
		margin: 15px 0 15px 0;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr
	{
		vertical-align: top;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th
	{
		width: auto;
		color: #164A61;
		font-size: 115%;
		padding: 10px 10px 0 0;
		font-family: 'Georgia', serif;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td
	{
		width: auto;
		padding: 8px 10px 8px 0;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > th.ws-menu-page-th-side
	{
		width: 200px;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = "text"],
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = "password"],
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > textarea,
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > select
	{
		width: 100%; /* 100% does not work across all browsers. */
		width: 98% !ie<8; /* 100% does not work in IE browsers < 8. */
		box-sizing: border-box; /* Make all fields behave the same. */
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > select
	{
		width: 99.5% !ie<8; /* Required in IE < 8. */
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > textarea
	{
		font-family: 'Courier New', monospace;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = "checkbox"],
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = "radio"]
	{
		margin-right: 3px;
		vertical-align: middle;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > input[type = "button"].ws-menu-page-media-btn
	{
		float: left;
		margin: 5px 25px 0 0;
	}
table.ws-menu-page-table div.ws-menu-page-group table.form-table > tbody > tr > td > div.ws-menu-page-scrollbox
	{
		margin: 1px;
		padding: 5px;
		height: 150px;
		overflow-y: scroll;
		overflow-x: visible;
		background: #FFFFFF;
		border: 1px solid #CCCCCC;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
/*
Specifically for info pages with readme files.
These CSS selectors address common layout styles.
*/
div.ws-menu-page-readme > div.readme > div.section
	{
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border: 0 solid #DDDDDD;
		border-width: 0 0 1px 0;
	}
div.ws-menu-page-readme > div.readme > div.section > h2
	{
		margin-top: 0;
		padding-top: 0;
		font-size: 150%;
	}
div.ws-menu-page-readme > div.readme > div.section > div.content ul,
div.ws-menu-page-readme > div.readme > div.section > div.content ol
	{
		padding: 0;
		margin: 10px 0 0 25px;
	}
div.ws-menu-page-readme > div.readme > div.section > div.content ul > li
	{
		list-style: disc outside;
	}
div.ws-menu-page-readme > div.readme > div.section > div.content ol > li
	{
		list-style: decimal outside;
	}
/*
Specifically for the right sidebar panel.
These CSS selectors address common layout styles.
*/
td.ws-menu-page-table-r div.ws-menu-page-js-c-w,
td.ws-menu-page-table-r div.ws-menu-page-updates,
td.ws-menu-page-table-r div.ws-menu-page-installation,
td.ws-menu-page-table-r div.ws-menu-page-tools,
td.ws-menu-page-table-r div.ws-menu-page-videos,
td.ws-menu-page-table-r div.ws-menu-page-support,
td.ws-menu-page-table-r div.ws-menu-page-donations,
td.ws-menu-page-table-r div.ws-menu-page-others
	{
		width: 200px;
		margin: 0 0 25px 25px;
	}
td.ws-menu-page-table-r div.ws-menu-page-installation img,
td.ws-menu-page-table-r div.ws-menu-page-tools img,
td.ws-menu-page-table-r div.ws-menu-page-videos img,
td.ws-menu-page-table-r div.ws-menu-page-support img,
td.ws-menu-page-table-r div.ws-menu-page-donations img,
td.ws-menu-page-table-r div.ws-menu-page-others img
	{
		border: 0;
		width: 200px;
		height: auto;
	}
td.ws-menu-page-table-r div.ws-menu-page-js-c-w
	{
		width: 178px;
		padding: 10px;
		background: #FFF5F7;
		text-align: justify;
		border: 1px solid #FA4D4D;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
/*
Specifically for the right sidebar panel.
- Specifically for the updates box.
These CSS selectors address common layout styles.
*/
div.ws-menu-page-updates ul
	{
		padding: 0;
		margin: 0 0 0 12px;
	}
div.ws-menu-page-updates ul > li
	{
		padding: 0;
		margin: 5px 0 5px 0;
		list-style: square outside;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
div.ws-menu-page-updates ul > li:first-child
	{
		margin-top: 0;
	}
div.ws-menu-page-updates a[target = "_blank"]
	{
		padding-right: 18px;
		background: url('<?php echo $i; ?>/brand-xlink.png') no-repeat center right;
	}
div.ws-menu-page-updates div#creditfooter
	{
		display: none;
	}
div.ws-menu-page-updates div#ws-updates-div-fname,
div.ws-menu-page-updates div#ws-updates-div-lname,
div.ws-menu-page-updates div#ws-updates-div-email,
div.ws-menu-page-updates div#ws-updates-div-subs,
div.ws-menu-page-updates div#ws-updates-div-priv
	{
		margin: 0 0 10px 0;
	}
div.ws-menu-page-updates div#ws-updates-div-subs
	{
		margin: 15px 0 0 0;
	}
div.ws-menu-page-updates div#ws-updates-div-priv
	{
		font-size: 80%;
		margin: 0 0 5px 0;
	}
div.ws-menu-page-updates input[type = "text"],
div.ws-menu-page-updates input[type = "password"],
div.ws-menu-page-updates input[type = "submit"],
div.ws-menu-page-updates textarea,
div.ws-menu-page-updates select
	{
		width: 100%; /* 100% does not work across all browsers. */
		width: 98% !ie<8; /* 100% does not work in IE browsers < 8. */
		box-sizing: border-box; /* Make all fields behave the same. */
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
div.ws-menu-page-updates input[type = "checkbox"],
div.ws-menu-page-updates input[type = "radio"]
	{
		margin-right: 3px;
		vertical-align: middle;
	}
div.ws-menu-page-updates input[type = "submit"]
	{
		width: 100% !ie<8; /* This width required in IE < 8. */
	}
div.ws-menu-page-updates select
	{
		width: 99.5% !ie<8; /* Required in IE < 8. */
	}